$pagination-height = 26px
$table-height = 28px
$table-main-color = #26a69a
$table-tripe-color = #B2DFDB
$table-border-color = #EBEEF5
$table-header-border-color = rgba(187,193,198,.3)
$white = #fff
$black = #000
.mg-easy-table
  .easy-pagination
    margin-top 10px
  /* 分页栏样式 */
  ul.ve-pagination
    height $pagination-height
    line-height $pagination-height
    li.ve-pagination-li
      height $pagination-height
      &.ve-pagination-li-active, &:hover
        border-color $table-main-color
        a
          color $table-main-color
          margin-left -2px
    .ve-dropdown
      .ve-dropdown-dt-selected
        height $pagination-height
        line-height $pagination-height
        border-color $table-main-color
        color $table-main-color
        font-weight normal
        border-radius 4px
        i.ve-icon
          line-height $pagination-height
      .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li.active
        background-color $table-main-color
        a
          color $white
    .ve-pagination-goto .ve-pagination-goto-input
      height $pagination-height
      &:hover, &:focus
        border-color $table-main-color
  /* 表格样式 */
  .ve-table
    .ve-table-container.ve-table-border-around
      border-color $table-border-color
    table.ve-table-content
      &.ve-table-border-y th, &.ve-table-border-x td
        border-color $table-border-color
      tbody.ve-table-body
        tr.ve-table-body-tr, tr.ve-table-expand-tr
          height $table-height
        tr.ve-table-body-tr td.ve-table-body-td, tr.ve-table-expand-tr td.ve-table-body-td
          padding 0 4px
        tr.ve-table-body-tr .ve-table-body-td.ve-table-cell-selection
          border-color $table-main-color
        tr.ve-table-body-tr td.ve-table-body-td
          .ve-radio .ve-radio-container.ve-radio-checked .ve-radio-inner
            border-color $table-main-color
            &:after
              background-color $table-main-color
          .ve-checkbox
            .ve-checkbox-content:hover .ve-checkbox-inner
              border-color $table-main-color
            .ve-checkbox-checked .ve-checkbox-inner
              background-color $table-main-color
              border-color $table-main-color
      tbody.ve-table-body.ve-table-row-highlight tr.ve-table-body-tr.ve-table-tr-highlight td
        background-color $table-tripe-color
      thead.ve-table-header
        tr.ve-table-header-tr
          height $table-height
          th.ve-table-header-th
            background-color $table-main-color
            padding 0 4px
            color $white
            border-right-color $table-header-border-color
            border-bottom-color $table-header-border-color
            .ve-checkbox .ve-checkbox-indeterminate .ve-checkbox-inner:after
              background-color $table-main-color
            .ve-checkbox .ve-checkbox-checked .ve-checkbox-inner
              background-color $table-main-color
              border-color $white
            .ve-checkbox .ve-checkbox-content:hover .ve-checkbox-inner
              border-color $white
            span.ve-table-sort
              color $white
              i.ve-icon.iconfont-vet.ve-table-sort-icon.active
                color $black
            span.ve-table-filter-icon
              color $white
            .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li.active
              background-color $table-tripe-color
              label.ve-radio
                .ve-radio-container.ve-radio-checked .ve-radio-inner
                  border-color $table-main-color
                  &:after
                    background-color $table-main-color

.font-14
  font-size 14px
